﻿<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',border:false" style="height: 170px; border-bottom-width: 1px; padding: 10px; font-size: 14px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Dialog/ViewSealedSource" target="_blank">点击查看扩展代码</a>
        <br />
        js依赖项：
        <br />
        [query-1.11.0.js]、[jquery.jdirk.js]、[jquery.easyui.min.js]、<br />
        [jeasyui.extensions.linkbutton.setPlain.js]、[jeasyui.extensions.panel.iframe.js]、<br />
        [jeasyui.extensions.window.autoCenter.js]、[jeasyui.extensions.dialog.sealed.js]

        <br /><br />
        css依赖项：
        <br />
        [jeasyui.extensions.panel.css]
    </div>
    <div data-options="region:'center',border:false,title:'此处仅显示“功能演示”选项卡所示功能基于本扩展的实现源码'" style="padding: 15px; font-size: 14px;">
        <a href="~/Demos/ExtensionDemos/Dialog/SealedDemo.zip" target="_self">下载本扩展功能演示Demo</a>
        <br />
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展属性API<br />
            本扩展功能属于“二次封装”，用于自动渲染和快速调用Dialog。<br />
            其options属性支持原有的所有属性，并在此基础上扩展了[新的属性]，但这些[新的属性]仅在通过调用"$.easyui.showDailog()"方法渲染Dialog时才有效。
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:15%;">名称</td>
                <td style="width: 10%;">类型</td>
                <td>描述</td>
                <td style="width: 7%;">默认值</td>
            </tr>
            <tr>
                <td>title</td>
                <td>String 类型</td>
                <td>
                    窗体的标题。原API支持该属性，此处只是调整了默认值。
                </td>
                <td>新建对话框</td>
            </tr>
            <tr>
                <td>iconCls</td>
                <td>String 类型</td>
                <td>窗体的图标样式名称。原API支持该属性，此处只是调整了默认值。</td>
                <td>icon-standard-application-form</td>
            </tr>
            <tr>
                <td>width</td>
                <td>Number 类型</td>
                <td>
                    窗体的宽度。原API支持该属性，此处只是调整了默认值。
                </td>
                <td>600</td>
            </tr>
            <tr>
                <td>height</td>
                <td>Number 类型</td>
                <td>
                    窗体的高度。原API支持该属性，此处只是调整了默认值。
                </td>
                <td>360</td>
            </tr>
            <tr>
                <td>modal</td>
                <td>Boolean 类型</td>
                <td>
                    是否为模式窗体。原API支持该属性，此处只是调整了默认值。
                </td>
                <td>true</td>
            </tr>
            <tr>
                <td>hcenter</td>
                <td>Boolean 类型</td>
                <td>
                    该属性表示该窗体对象是否在屏幕大小调整的情况下自动进行左右居中。该功能在 extensions.window 中实现。
                </td>
                <td>true</td>
            </tr>
            <tr>
                <td>vcenter</td>
                <td>Boolean 类型</td>
                <td>该属性表示该窗体对象是否在屏幕大小调整的情况下自动进行上下居中。该功能在 extensions.window 中实现</td>
                <td>true</td>
            </tr>
            <tr>
                <td>autoDestroy</td>
                <td>Boolean 类型</td>
                <td>该属性表示该窗体是否在关闭时自动销毁并释放浏览器资源。</td>
                <td>true</td>
            </tr>
            <tr>
                <td>locale</td>
                <td>表示 jQuery 元素选择器的表达式字符串，也可以是一个 html-dom 或 jQuery-dom 对象</td>
                <td>该属性表示将要打开的 easyui-dialog 的父级容器。</td>
                <td>null</td>
            </tr>
            <tr>
                <td>topMost</td>
                <td>Boolean 类型</td>
                <td>该属性表示是否在顶级窗口打开此窗体。</td>
                <td>false</td>
            </tr>
            <tr>
                <td>iniframe</td>
                <td>Boolean 类型</td>
                <td>该属性表示是否在iframe加载远程 href 页面数据。</td>
                <td>false</td>
            </tr>
            <tr>
                <td>enableSaveButton</td>
                <td>Boolean 类型</td>
                <td>该属性表示是否启用保存按钮，保存按钮点击后会关闭模式对话框。</td>
                <td>true</td>
            </tr>
            <tr>
                <td>enableApplyButton</td>
                <td>Boolean 类型</td>
                <td>该属性表示是否启用应用按钮。</td>
                <td>true</td>
            </tr>
            <tr>
                <td>enableCloseButton</td>
                <td>Boolean 类型</td>
                <td>该属性表示是否启用关闭按钮。</td>
                <td>true</td>
            </tr>
            <tr>
                <td>saveButtonIndex</td>
                <td>Number 类型</td>
                <td>该属性表示保存按钮的顺序索引号。</td>
                <td>101</td>
            </tr>
            <tr>
                <td>closeButtonIndex</td>
                <td>Number 类型</td>
                <td>该属性表示关闭按钮的顺序索引号。</td>
                <td>102</td>
            </tr>
            <tr>
                <td>applyButtonIndex</td>
                <td>Number 类型</td>
                <td>该属性表示应用按钮的顺序索引号。</td>
                <td>103</td>
            </tr>
            <tr>
                <td>onSave</td>
                <td>Function 类型</td>
                <td>
                    点击保存按钮触发的事件，如果该事件函数返回 false，则点击保存后窗口不关闭。<br />
                    该事件函数签名为 function (d) { }，其中 this 指向按钮本身的 DOM 对象，参数 d 表示当前 easyui-dialog 窗体 DOM 对象。
                </td>
                <td>null</td>
            </tr>
            <tr>
                <td>onApply</td>
                <td>Function 类型</td>
                <td>
                    点击应用按钮触发的事件，如果该事件函数返回 false，则点击应用后该按钮不被自动禁用。<br />
                    该事件函数签名为 function (d) { }，其中 this 指向按钮本身的 DOM 对象，参数 d 表示当前 easyui-dialog 窗体 DOM 对象。
                </td>
                <td>null</td>
            </tr>
            <tr>
                <td>onClose</td>
                <td>Function 类型</td>
                <td>
                    关闭窗口时触发的事件，同 easyui-dialog 的默认事件 onClose。
                </td>
                <td>null</td>
            </tr>
            <tr>
                <td>saveButtonText</td>
                <td>String 类型</td>
                <td>该属性表示保存按钮的文字内容。</td>
                <td>确定</td>
            </tr>
            <tr>
                <td>closeButtonText</td>
                <td>String 类型</td>
                <td>该属性表示取消按钮的文字内容。</td>
                <td>取消</td>
            </tr>
            <tr>
                <td>applyButtonText</td>
                <td>String 类型</td>
                <td>该属性表示应用按钮的文字内容。</td>
                <td>应用</td>
            </tr>
            <tr>
                <td>saveButtonIconCls</td>
                <td>String 类型</td>
                <td>该属性表示保存按钮的图标样式。</td>
                <td>icon-save</td>
            </tr>
            <tr>
                <td>applyButtonIconCls</td>
                <td>String 类型</td>
                <td>该属性表示应用按钮的图标样式。</td>
                <td>icon-ok</td>
            </tr>
            <tr>
                <td>closeButtonIconCls</td>
                <td>String 类型</td>
                <td>该属性表示关闭按钮的图标样式。</td>
                <td>icon-cancel</td>
            </tr>
            <tr>
                <td>buttonsPlain</td>
                <td>Boolean 类型</td>
                <td>底部按钮栏的所有按钮是否全部设置为 简洁 模式。</td>
                <td>false</td>
            </tr>
        </table>
    </div>
</div>
